{% extends "layout.html" %}

{% block css_m %}
    <style>
        .account {
            width: 400px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            box-shadow: 5px 5px 20px #aaa;

            margin-left: auto;
            margin-right: auto;
            margin-top: 100px;
            padding: 20px 40px;
        }
        .account h2 {
            margin-top: 10px;
            text-align: center;
        }
    </style>
{% endblock %}
{% block js_m %}

{% endblock %}

{% block content_body %}

<div class="account">
<h2>用户登录 <small><a href="{% url 'init' %}"><span class="glyphicon glyphicon-send" aria-hidden="true"></span></a></small></h2>
<form method="post" novalidate>
    {% csrf_token %}
    <div class="form-group">
    <label>用户名</label>
        {{ login_form.user_name }}
        <span style="color: red">{{ login_form.user_name.errors.0 }}</span>
    </div>
    <div class="form-group">
    <label>密码</label>
        {{ login_form.pwd }}
        <span style="color: red">{{ login_form.pwd.errors.0 }}</span>
    </div>
    <div class="checkbox">
        <label>
        {{ login_form.remember }} 记住用户名
        </label>
    </div>
    <button type="submit" class="btn btn-primary">提交</button>


</form>
</div>




{% endblock %}

{% block content_bottom %}

{% endblock %}